<!--编辑 ——需要和爆店码——发布活动 同步修改 -->
<template>
  <el-drawer title="编辑活动"
             size="90%"
             :visible="visible"
             @update:visible="updateVisible">
    <div class="ele-body"
         style="background-color: #f0f2f5">
      <!--show-message 是否显示校验错误信息-->
      <el-form ref="form"
               :show-message="false"
               :model="form"
               :rules="rules"
               label-width="120px"
               @keyup.enter.native="submit"
               @submit.native.prevent>
        <el-card shadow="never">
          <div class="fit-title">基础设置</div>
          <el-row class="flex-align-center">
            <el-col :span="12">
              <el-form-item label="活动名称"
                            prop="activityName">
                <el-input v-model="form.activityName"
                          placeholder="请输入活动名称"
                          clearable />
              </el-form-item>
              <el-form-item label="活动说明"
                            prop="activityDescription">
                <el-input class="textarea-class"
                          type="textarea"
                          v-model="form.activityDescription"
                          placeholder="请输入活动说明"
                          clearable />
              </el-form-item>
            </el-col>
            <!--          暂时隐藏/可能还会使用到-->
            <!--          <el-col :span="12">
                        <el-form-item label="背景图" class="flex-columns check-star">
                          <div style="margin-left: -53px">
                            <div class="flex-between upload-class">
                              <div class="font-overflow">建议上传750px * 1334px尺寸</div>
                              <el-button type="primary" @click="uploadBj">上传背景</el-button>
                            </div>
                            <el-upload
                              :on-change="onUpload"
                              class="avatar-uploader flex"
                              :action="ossUrl"
                              :show-file-list="false"
                              :on-success="handleAvatarSuccess"
                              :before-upload="beforeAvatarUpload">
                              <img v-if="imageUrl" :src="imageUrl" class="avatar">
                              <div v-else class="avatar-uploader-icon flex-column">
                                <i class="el-icon-picture"></i>
                                <div>上传背景</div>
                              </div>
                            </el-upload>
                          </div>
                        </el-form-item>
                      </el-col>-->
          </el-row>

          <!-- 线下大转盘需-->
          <el-row class="xy-border delInput"
                  :gutter="20"
                  v-if="typeIndex==4">
            <el-col :lg="10"
                    :md="14">
              <el-form-item label="选择设备"
                            prop="equipmentName">
                <el-select v-model="form.equipmentName"
                           placeholder="请选择爆客机设备"
                           class="ele-block"
                           clearable
                           @change="selectDevice">
                  <el-option :label="i.equipmentName"
                             :value="i"
                             v-for="(i,j) in deviceList"
                             :key="j" />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <!--‘ 幸运大转盘 ’需 -->
          <el-row class="xy-border delInput"
                  :gutter="20"
                  v-if="typeIndex==0 || typeIndex==1 || typeIndex==2">
            <el-col :lg="8"
                    :md="12">
              <el-form-item label="每人每日可领取"
                            prop="dailyAvailability">
                <el-input style="max-width: 350px;"
                          type="number"
                          v-model.number="form.dailyAvailability"
                          placeholder="输入每人一天可领取数量"
                          clearable />
              </el-form-item>
            </el-col>
            <el-col :lg="8"
                    :md="12">
              <el-form-item label="每人限领取"
                            prop="perPerson">
                <el-input style="max-width: 350px;"
                          type="number"
                          v-model.number="form.perPerson"
                          placeholder="输入限领取数量"
                          clearable />
              </el-form-item>
            </el-col>
            <el-col :lg="8"
                    :md="12">
              <el-form-item label="有效时间"
                            prop="validTime">
                <!--picker-options	当前时间日期选择器特有的选项参考下表	object-->
                <el-date-picker :editable="false"
                                style="width: 350px;"
                                v-model="form.validTime"
                                :picker-options="pickerOptions"
                                type="date"
                                placeholder="选择有效时间">
                </el-date-picker>
              </el-form-item>
            </el-col>

            <!--修改start-->
            <div v-if="typeIndex==1 || typeIndex==2">
              <el-col :lg="8"
                      :md="12">
                <el-form-item label="核销开始时间"
                              prop="writeOffTime">
                  <el-date-picker :editable="false"
                                  style="width: 350px;"
                                  v-model="form.writeOffTime"
                                  :picker-options="pickerOptions"
                                  type="date"
                                  placeholder="选择有效时间">
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :lg="8"
                      :md="12">
                <el-form-item label="核销结束时间"
                              prop="checkEndTime">
                  <el-date-picker :editable="false"
                                  style="width: 350px;"
                                  v-model="form.checkEndTime"
                                  :picker-options="pickerOptions"
                                  type="date"
                                  placeholder="选择有效时间">
                  </el-date-picker>
                </el-form-item>
              </el-col>
            </div>
            <!--修改end-->
          </el-row>
        </el-card>
        <el-card shadow="never"
                 v-if="typeIndex==3"
                 class="check-star">
          <div class="fit-title">卡券设置</div>
          <el-form-item label="卡券类型"
                        prop="cardsettings.cardType">
            <el-radio-group v-model="form.cardsettings.cardType">
              <el-radio :label="i.id"
                        v-for="(i,j) in couponType"
                        :key="j">{{i.name}}</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-row :gutter="20"
                  class="delInput">
            <el-col :lg="8"
                    :md="12">
              <el-form-item label="发布数量"
                            prop="cardsettings.numberOfReleases">
                <el-input style="max-width: 350px;"
                          type="number"
                          v-model.number="form.cardsettings.numberOfReleases"
                          placeholder="输入发布数量"
                          clearable />
              </el-form-item>
            </el-col>
            <el-col :lg="8"
                    :md="12">
              <el-form-item label="每人限领取"
                            prop="cardsettings.perPersonLimit">
                <el-input style="max-width: 350px;"
                          type="number"
                          v-model.number="form.cardsettings.perPersonLimit"
                          placeholder="输入限领取数量"
                          clearable />
              </el-form-item>
            </el-col>
            <el-col :lg="8"
                    :md="12">
              <el-form-item label="每人每日可领取"
                            prop="cardsettings.dailyAvailability">
                <el-input style="max-width: 350px;"
                          type="number"
                          v-model.number="form.cardsettings.dailyAvailability"
                          placeholder="输入每人一天可领取数量"
                          clearable />
              </el-form-item>
            </el-col>
            <el-col :lg="8"
                    :md="12">
              <el-form-item label="核销开始时间"
                            prop="cardsettings.writeOffTime">
                <el-date-picker :editable="false"
                                style="width: 350px;"
                                v-model="form.cardsettings.writeOffTime"
                                :picker-options="pickerOptions"
                                type="date"
                                placeholder="选择有效时间">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :lg="8"
                    :md="12">
              <el-form-item label="核销结束时间"
                            prop="cardsettings.checkEndTime">
                <el-date-picker :editable="false"
                                style="width: 350px;"
                                v-model="form.cardsettings.checkEndTime"
                                :picker-options="pickerOptions"
                                type="date"
                                placeholder="选择有效时间">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
        </el-card>
        <!--‘线下大转盘’奖品列表 暂不使用-->
        <el-card shadow="never"
                 v-if="typeIndex==56545">
          <div class="fit-title">奖品设置</div>
          <!--flex-wrap:解决input输入，导致col布局混乱-->
          <el-row :gutter="20"
                  class="delInput flex-wrap">
            <el-col :lg="8"
                    :md="12">
              <el-form-item label="一等奖"
                            prop="prizeLists.firstPrize">
                <el-input v-model="form.prizeLists.firstPrize"
                          placeholder="输入奖项"
                          clearable />
              </el-form-item>
            </el-col>
            <el-col :lg="8"
                    :md="12">
              <el-form-item label="二等奖"
                            prop="prizeLists.secondClassPrize">
                <el-input v-model="form.prizeLists.secondClassPrize"
                          placeholder="输入奖项"
                          clearable />
              </el-form-item>
            </el-col>
            <el-col :lg="8"
                    :md="12">
              <el-form-item label="三等奖"
                            prop="prizeLists.theThirdPrize">
                <el-input v-model="form.prizeLists.theThirdPrize"
                          placeholder="输入奖项"
                          clearable />
              </el-form-item>
            </el-col>
            <el-col :lg="8"
                    :md="12">
              <el-form-item label="四等奖"
                            prop="prizeLists.theFourthPrize">
                <el-input v-model="form.prizeLists.theFourthPrize"
                          placeholder="输入奖项"
                          clearable />
              </el-form-item>
            </el-col>
            <el-col :lg="8"
                    :md="12">
              <el-form-item label="五等奖"
                            prop="prizeLists.theFifthPrize">
                <el-input v-model="form.prizeLists.theFifthPrize"
                          placeholder="输入奖项"
                          clearable />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row class="xy-border delInput"
                  :gutter="20">
            <el-col :lg="10"
                    :md="14">
              <el-form-item label="选择设备"
                            prop="equipmentName">
                <el-select v-model="form.equipmentName"
                           placeholder="请选择爆客机设备"
                           class="ele-block"
                           clearable
                           @change="selectDevice">
                  <el-option :label="i.equipmentName"
                             :value="i"
                             v-for="(i,j) in deviceList"
                             :key="j" />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
        </el-card>
        <el-card shadow="never">
          <div class="fit-title">选择素材</div>
          <div class="flex-align-center d-margin">
            <div v-for="(i,j) in materialType"
                 :key="j"
                 :class="(Number(form.materialType)-1) == j ? 'sel-title-class' : 'title-class'"
                 class="pointer"
                 @click="materialTypeClick(j)">
              {{i.name}}
            </div>
          </div>
          <!--<el-form-item label="剪辑类型" prop="clipType" class="check-star" v-if="form.materialType==1" >
            <el-radio-group v-model="form.clipType" @input="projectInit">
              &lt;!&ndash;            1 * 1脚本剪辑 =AI剪辑 * 2自定义剪辑=口播剪辑 * 3图文剪辑&ndash;&gt;
              <el-radio :label="2">口播剪辑</el-radio>
              <el-radio :label="1">AI剪辑</el-radio>
              <el-radio :label="3">图文剪辑</el-radio>
            </el-radio-group>
          </el-form-item>-->
          <!--矩阵活动-->
          <el-form-item class="check-star"
                        label="文件夹"
                        prop="videoMaterialId"
                        :rules="!form.videoMaterialId  ? { required: true, message: '请选择文件夹', trigger: ['blur','change']} : {required: false}"
                        v-if="form.materialType==1">
            <div style="width: 30%;">
              <activities ref="connected"
                          :dataInfo="form"
                          @getData="getData"
                          :hint="hint"></activities>
            </div>
          </el-form-item>
          <!-- 摄像头列表-->
          <el-form-item label="文件夹" prop="projectName" class="check-star"
                        :rules="!form.videoMaterialId  ? { required: true, message: '请选择文件夹', trigger: ['blur','change']} : {required: false}"
                        v-if="form.materialType==2">
            <div style="width: 30%;">
              <piecesCom ref="connected" :dataInfo="form" @getData="getData" :hint="hint"></piecesCom>
            </div>
          </el-form-item>

          <!--<el-form-item label="文件夹"
                        prop="videoMaterialId"
                        :rules="!form.videoMaterialId  ? { required: true, message: '请选择文件夹', trigger: ['blur','change']} : {required: false}"
                        v-if="form.materialType==2">
            <el-select style="width: 30%;"
                       v-model="form.material"
                       placeholder="请选择文件夹"
                       class="ele-block"
                       clearable
                       @change="selectMaterial">
              <el-option :label="i.name"
                         :value="i"
                         v-for="(i,j) in cameraList"
                         :key="j" />
            </el-select>
          </el-form-item>-->
          <!--剪辑数量-->
          <!--<el-form-item label="剪辑数量" prop="editingNumber" class="delInput">
            <div class="flex-align-center">
              <el-input
                style="width: 30%;"
                class="in-append"
                type="number"
                :min="1"
                @input="maxClick"
                v-model.number="form.editingNumber"
                placeholder="请输入剪辑数量"
                clearable>
              </el-input>
            </div>
          </el-form-item>-->
          <el-form-item label="所属平台">
            <el-radio-group v-model="seoInfo.platform"
                            @input="seoInit">
              <el-radio :label="1">D音</el-radio>
              <el-radio :label="2">K手</el-radio>
              <!--/*视频号隐藏修改，需展示*/-->
              <!--<el-radio :label="3"
                        v-if="form.activityType==1 || form.activityType==5">视频号</el-radio>-->
            </el-radio-group>
          </el-form-item>
          <el-form-item label="SEO文案"
                        prop="seoCopywriting"
                        :rules="!form.seoCopywriting  ? { required: true, message: '请选择文案', trigger: ['blur','change']} : {required: false}">
            <!--<el-select
              style="width: 30%;"
              v-model="form.seoCopywriting"
              placeholder="请选择文案"
              class="ele-block"
              clearable
              @change="selectCopy"
            >
              <el-option :label="i.taticsName" :value="i" v-for="(i,j) in seoList" :key="j" />
            </el-select>-->
            <div style="width: 30%;">
              <!--SEO文案-->
              <acties ref="seoActies"
                      :lists="seoList"
                      @getData="selectCopy"></acties>
            </div>
          </el-form-item>
        </el-card>
        <!--
  （接口查询）：`applyment_state` bigint(20) DEFAULT '1' COMMENT '申请状态(1.未进件 2.已进件 3.进件失敗 4.进件中)'。只有查询商户的申请状态为2.已进件时，展示-->
        <!--      v-if="applymentState==2"-->
        <!--       v-if="typeIndex==0 " 暂不判断，是除了直推才能开启抖支付-->
        <el-card shadow="never"
                 v-if="form.activityType==1 && channelIndex<=0">
          <div class="fit-title">是否默认授权发布</div>
          <el-form-item label="是否开启"
                        prop="releaseChannel"
                        class="check-star">
            <!--是否授权  1.否 2.是-->
            <el-switch :active-value="2"
                       :inactive-value="1"
                       v-model="form.authorizedNot">
            </el-switch>
            <div style="margin-left: -75px">（温馨提示：仅D音可用）</div>
          </el-form-item>
        </el-card>

        <el-card shadow="never">
          <div class="fit-title">渠道与挂载</div>
          <el-form-item label="发布渠道"
                        prop="releaseChannel"
                        class="check-star">
            <div class="flex-align-center">
              <div v-for="(i,j) in channelList"
                   :key="j"
                   @click="channelClick(j)">
                <div v-if="form.activityType!=1 && i.isShow==2  || form.activityType!=5 && i.isShow==2 || form.activityType==1 || form.activityType==5 "
                     :class="channelIndex == j ? 'sel-title-class' : 'title-class'"
                     class="default">{{i.name}}</div>
              </div>
            </div>
          </el-form-item>

          <el-form-item label="发布设置"
                        prop="shareToPublish"
                        v-if="form.releaseChannel==1">
            <el-radio-group v-model="form.shareToPublish">
              <el-radio :label="1">跳转到发布页（减少用户操作）</el-radio>
              <el-radio :label="0">跳转到剪辑页</el-radio>
            </el-radio-group>
          </el-form-item>
          <!--form.releaseChannel 发布渠道：（1.D音2.小程序3.K手）-->
          <!--        D音-->
          <div v-if="form.releaseChannel==1"
               class="check-star">
            <el-form-item label="挂载类型"
                          prop="mountType">
              <el-radio-group v-model="form.mountType"
                              @input="clear">
                <el-radio :label="1">商家POI</el-radio>
                <el-radio :label="2">小程序</el-radio>
                <el-radio :label="3">不挂载</el-radio>
              </el-radio-group>
            </el-form-item>

            <el-row :gutter="15"
                    class="flex-wrap no-check-star">
              <!--小程序-->
              <el-col :span="12"
                      v-if="form.mountType==2 ">
                <!--非h5传anchorUrl(挂载小程序地址)，否则传全部-->
                <el-form-item label="小程序地址"
                              prop="appUrl">
                  <el-input style="width: 66%;"
                            class="in-append"
                            type="text"
                            v-model="form.appUrl"
                            placeholder="请输入小程序地址"
                            clearable>
                  </el-input>
                </el-form-item>
                <!--接口需加字段 start-->
                <el-form-item label="小程序标题"
                              prop="appTitle">
                  <el-input style="width: 66%;"
                            class="in-append"
                            type="text"
                            v-model="form.appTitle"
                            placeholder="请输入小程序标题"
                            clearable>
                  </el-input>
                </el-form-item>
                <el-form-item label="小程序id"
                              prop="appId"
                              class="delInput">
                  <el-input style="width: 66%;"
                            class="in-append"
                            type="text"
                            v-model="form.appId"
                            max="20"
                            placeholder="请输入小程序id"
                            clearable>
                  </el-input>
                </el-form-item>
                <!--end-->
              </el-col>
              <!--橱窗挂载-->
              <!--<el-col :span="12" v-show="form.mountType==3">
                <el-form-item label="商品地址" prop="promotionLink">
                  <el-input
                    style="width: 66%;"
                    class="in-append"
                    type="text"
                    v-model="form.promotionLink"
                    placeholder="请输入商品地址"
                    clearable>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12" v-show="form.mountType==3">
                <el-form-item label="商品标题" prop="elasticTitle">
                  <el-input
                    style="width: 66%;"
                    class="in-append"
                    type="text"
                    v-model="form.elasticTitle"
                    placeholder="请输入橱窗商品短标题"
                    clearable>
                  </el-input>
                </el-form-item>
              </el-col>-->
              <!--商家POI-->
              <el-col :span="12"
                      v-if="form.mountType==1">
                <el-form-item label="城市"
                              prop="city">
                  <!-- type="provinceCity" 增加type 是省市选择，不加，默认省市区选择-->
                  <!-- placeholder：报错需修改-->
                  <regions-select @input="selectCity"
                                  :placeholder="provinceCity ?provinceCity :'请选择省市'"
                                  style="width: 66% !important;"
                                  v-model="provinceCity"
                                  type="provinceCity"
                                  class="ele-fluid" />
                </el-form-item>
                <el-form-item label="商家简称"
                              prop="merchantAbbreviation">
                  <el-input @input="referred"
                            style="width: 66%;"
                            class="in-append"
                            type="text"
                            v-model="form.merchantAbbreviation"
                            placeholder="请输入商家简称"
                            clearable>
                    <el-button slot="append"
                               icon="el-icon-search"
                               @click="seachPoi"
                               :loading="poiLoading"></el-button>
                  </el-input>
                </el-form-item>
                <el-form-item label="POI地址"
                              prop="poiName">
                  <el-select style="width: 66%;"
                             v-model="form.poiName"
                             placeholder="请输入城市和商家简称搜索可加载"
                             class="ele-block"
                             clearable
                             @change="addressPoi">
                    <div v-for="(i,j) in poiList"
                         :key="j">
                      <el-option style="min-width:300px;max-width: 600px;"
                                 :label="i.poi_name"
                                 :value="i" />
                    </div>
                    <el-button type="text"
                               style="padding:10px 20px ;color: #409EFF"
                               @click="lookMore()"
                               :loading="poiLoading"
                               v-if="nextStep!=-1">查看更多</el-button>
                    <div v-else
                         class="m-out">已经到底了~</div>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
          </div>

          <!-- 视频号-->
          <el-row :gutter="15"
                  v-if="form.releaseChannel==2">
            <el-form-item label="挂载类型"
                          prop="sphMountType"
                          class="check-star">
              <el-radio-group v-model="form.sphMountType">
                <el-radio :label="1">公众号文章</el-radio>
                <el-radio :label="3">不挂载</el-radio>
              </el-radio-group>
            </el-form-item>

            <el-col :span="12"
                    class="no-check-star"
                    v-if="form.sphMountType==1">
              <el-form-item label="链接"
                            prop="sphLink">
                <el-input class="in-append"
                          type="text"
                          style="width: 66%;"
                          v-model="form.sphLink"
                          placeholder="请输入链接地址"
                          clearable>
                </el-input>
              </el-form-item>
            </el-col>

            <el-col :span="24"
                    class="check-star">
              <el-form-item label="位置"
                            prop="ipLocation">
                <div @click="selPosition"
                     :class="mapInfo.address ? 'ai-blue' : 'ai-btn'"
                     class="ai-class pointer">{{mapInfo.address?mapInfo.address:'选择位置'}}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <!--        K手-->
          <el-row :gutter="15"
                  v-if="form.releaseChannel==3">
            <el-col :span="12">
              <el-form-item label="挂载小黄车"
                            prop="littleYellowCarId">
                <el-input style="width: 66%;"
                          class="in-append delInput"
                          type="number"
                          oninput="value=value.replace(/[^0-9]/g,'')"
                          v-model.number="form.littleYellowCarId"
                          placeholder="请输入需要挂载小黄车的商品ID"
                          clearable>
                </el-input>
                <el-link type="primary"
                         style="margin-left: 17px;">如何获取商品ID<i class="el-icon-question"></i> </el-link>
              </el-form-item>
            </el-col>
          </el-row>

          <el-button type="primary"
                     class="m-left10"
                     @click="confirm"
                     :loading="loading"
                     v-if="typeIndex==0 || typeIndex==3 || typeIndex==4">确定提交</el-button>
        </el-card>
        <!-- 奖品列表 -->
        <prize ref="prize"
               v-if="typeIndex==1 || typeIndex==2"
               :forms="form"
               @uploadPrice="uploadPrice"></prize>

        <!--选择位置——腾讯地图-->
        <position ref="pos"
                  @chooseMapPoint="getCallMap"
                  @sure="sureMap"></position>
      </el-form>
    </div>
  </el-drawer>
</template>

<script>
  import activities from '@/components/activities/connected-activities'
  import acties from '@/components/pagination/activities'
  import piecesCom from '@/components/activities/pieces-activities'
  import RegionsSelect from '@/views/explosiveCode/releaseActivity/components/city-select'
  import prize from '@/views/explosiveCode/releaseActivity/components/prize.vue'
  import { issue, submitProjectJob, submitDiyJob, submitImageJob, incomingParts } from "@/api/explosiveCode/releaseActivity";
  import { registerMedia, userOssSignature } from "@/api/creatCenter/material";
  import { getToken } from "@/utils/token-util";
  import axios from "axios";
  import { equipmentQuery } from "@/api/explosiveCode/equipmentManage";
  import { projectPage } from "@/api/creatCenter/authoringClips";
  import { querySeo } from "@/api/matrixManage/seo";
  import { dyPoi } from "@/api/releaseManage/tiktok";
  import selectPagination from "@/components/pagination/select-pagination"
  import Position from "@/views/matrixManage/releaseManage/videoId/components/position";

  export default {
    name: "edit-modal",
    components: { Position, prize, RegionsSelect, selectPagination, activities, acties,piecesCom },
    props: {
      visible: Boolean,
    },

    data () {
      // 默认表单数据
      const defaultWhere = {
        // 云创作成片库/云闪推成片库，分类
        materialType: 1,
        douPayNot: 2, // 抖支付开启：2，默认不开启：1，开启
        merchantId: this.$store.state.user.info.merchantId,  // 商户id
        // videoMaterialId: '',
        id: this.$store.state.user.info.merchantId,
        activityType: 1,
        // 剪辑类型
        // clipType:2,
        // 奖品类型
        prizeLists: {
          firstPrize: 1
        },
        // 卡劵类型
        cardsettings: {
          cardType: 1,
        },
        // 发布渠道
        releaseChannel: 1,
        // 挂载类型
        mountType: 1,
        // 视频号——公众号文章 挂载
        sphMountType: 1,
        shareToPublish: 1, //发布设置 必填
      };
      return {

        materialType: [
          {
            name:'云创作成片库',
            id:1
          },
          {
            name:'云闪推成片库',
            id:2
          }
        ],
        materialList: [
          {
            name: '云创作成片库',
            id: 1
          },
          {
            name: '云闪推成片库',
            id: 2
          }
        ],
        nextStep: '0',   // 是否有 “游标第一页”
        // 回显值
        initValue: undefined,
        //page start
        agencyList: [], // 放数据的数组儿
        // 请求参数
        agency: {
          pageNum: 1,
          pageSize: 8,
          condition: "",  // 输入框儿输入申请符合条件的数据
        },
        totalAgency: 0, // 分页的总数儿
        agencyLoading: false,  // 列表儿的loading圈儿~
        //page end
        poiLoading: false,
        loading: false,
        // 日期设置对象
        pickerOptions: {
          disabledDate (time) {
            return time.getTime() < Date.now() - 8.64e7;   //禁用以前的日期，今天不禁用
            // return time.getTime() <= Date.now();    //禁用今天以及以前的日期
          }
        },
        options: [{
          value: 'zhinan',
          label: '指南',
          children: [{
            value: 'shejiyuanze',
            label: '设计原则',
          }]
        }],
        // 省市
        provinceCity: '',
        // POI地址
        poiList: [],
        list: [],
        // seo 列表
        seoList: [],
        // 上传背景图片url
        fileList: [],
        name: '',
        // 背景图
        imageUrl: '',
        form: { ...defaultWhere },
        typeIndex: 0,
        // 发布渠道
        channelIndex: 0,
        // 卡券分类
        couponType: [
          {
            name: '折扣券',
            id: 1
          },
          {
            name: '满减券',
            id: 2
          },
          {
            name: '礼品券',
            id: 3
          },
          {
            name: '红包券',
            id: 4
          },
        ],
        channelList: [
          {
            name: 'D音',
            id: 1,
            isShow: 2
          },
          /*视频号隐藏修改，需展示*/
          /*{
            name: '视频号',
            id: 2,
            isShow: 1
          },*/
          {
            name: 'K手',
            id: 3,
            isShow: 2
          },
        ],
        // 表单验证规则
        rules: {
          activityName: [
            {
              required: true,
              message: '请输入活动名称',
              trigger: 'blur'
            }
          ],
          activityDescription: [
            {
              required: true,
              message: '请输入活动说明',
              trigger: 'blur'
            }
          ],
          dailyAvailability: [
            {
              required: true,
              message: '请输入每人一天可领取数量',
              trigger: 'blur'
            }
          ],
          perPerson: [
            {
              required: true,
              message: '请输入限领取数量',
              trigger: 'blur'
            }
          ],
          validTime: [
            {
              required: true,
              message: '请选择有效时间',
              trigger: 'blur'
            }
          ],
          /*videoMaterialId: [
            {
              required: true,
              message: '请选择文件夹',
              trigger: 'blur'
            }
          ],*/
          /*editingNumber: [
            {
              required: true,
              message: '请输入剪辑数量',
              trigger: 'blur'
            }
          ],*/
          seoCopywriting: [
            {
              required: true,
              message: '请选择SEO文案',
              trigger: 'blur'
            }
          ],
          /*shareToPublish: [
            {
              required: true,
              message: '请选择发布设置',
              trigger: 'blur'
            }
          ],*/
          // 挂载类型——小程序
          appUrl: [
            {
              required: true,
              message: '请输入小程序地址',
              trigger: 'blur'
            }
          ],
          appTitle: [
            {
              required: true,
              message: '请输入小程序标题',
              trigger: 'blur'
            }
          ],
          appId: [
            {
              required: true,
              message: '请输入小程序id',
              trigger: 'blur'
            }
          ],
          //  挂载类型 —— poi
          city: [
            {
              required: true,
              message: '请选择省市',
              trigger: 'blur'
            }
          ],
          merchantAbbreviation: [
            {
              required: true,
              message: '请输入商家简称',
              trigger: 'blur'
            }
          ],
          poiName: [
            {
              required: true,
              message: '请选择POI地址',
              trigger: 'blur'
            }
          ],
          //   end
          sphLink: [
            {
              required: true,
              message: '请输入链接地址',
              trigger: 'blur'
            }
          ],
          // littleYellowCarId: [
          //   {
          //     required: true,
          //     message: '请输入需要挂载小黄车的商品ID',
          //     trigger: 'blur'
          //   }
          // ],

          writeOffTime: [
            {
              required: true,
              message: '选择核销开始时间',
              trigger: 'blur'
            }
          ],
          checkEndTime: [
            {
              required: true,
              message: '选择核销结束时间',
              trigger: 'blur'
            }
          ],
          /*卡券设置 嵌套判断 */
          cardsettings: {
            numberOfReleases: [
              {
                required: true,
                message: '输入发布数量',
                trigger: 'blur'
              }
            ],
            perPersonLimit: [
              {
                required: true,
                message: '输入限领取数量',
                trigger: 'blur'
              }
            ],
            dailyAvailability: [
              {
                required: true,
                message: '输入每人一天可领取数量',
                trigger: 'blur'
              }
            ],
            writeOffTime: [
              {
                required: true,
                message: '选择核销开始时间',
                trigger: 'blur'
              }
            ],
            checkEndTime: [
              {
                required: true,
                message: '选择核销结束时间',
                trigger: 'blur'
              }
            ],
          },
          /* ‘奖品设置’ 嵌套判断*/
          prizeLists: {
            firstPrize: [
              {
                required: true,
                message: '请输入一等奖奖项',
                trigger: 'blur'
              }
            ],
            secondClassPrize: [
              {
                required: true,
                message: '请输入二等奖奖项',
                trigger: 'blur'
              }
            ],
            theThirdPrize: [
              {
                required: true,
                message: '请输入三等奖奖项',
                trigger: 'blur'
              }
            ],
            theFourthPrize: [
              {
                required: true,
                message: '请输入四等奖奖项',
                trigger: 'blur'
              }
            ],
            theFifthPrize: [
              {
                required: true,
                message: '请输入五等奖奖项',
                trigger: 'blur'
              }
            ],
          },
          //选择设备
          equipmentName: [
            {
              required: true,
              message: '请选择设备',
              trigger: 'blur'
            }
          ],
        },
        initInfo: {
          username: this.$store.state.user.info.username,
          limit: 5,
          page: 1
        },
        seoInfo: {
          username: this.$store.state.user.info.username,
          limit: 10,
          page: 1,
          // seo 所属平台：1D音2K手3视频号
          platform: 1
        },
        // ‘闲置中’设备查询
        deviceList: [],

        /* el-select 分页 start*/
        options: [],
        optionfen: [],  //当前页码的数据
        value1: "",  //输入框的值
        currentpage: 1,   //当前页码
        pageSize: 5,   //每页展示的条数
        /* el-select 分页 end*/
        hint: '',
        maxNum: 0, // 关联活动最大剪辑数量
        cameraList: [],  // 摄像头列表，修改


        // 位置
        mapInfo: {
          address: ''
        },
      }
    },
    methods: {
      /*修改start*/

      // 选择位置
      selPosition () {
        this.$nextTick(() => {
          this.$refs['pos'].show()  // 视频号二维码展示
        })
      },

      // 地图 初始值
      getCallMap (e) {
        console.log(e)
      },
      // 地图 取消
      cancelMap () {
        this.visibleMap = false
      },
      // 地图 确认
      sureMap (e) {
        console.log("地图 确认e========", e)
        this.mapInfo = e
        /*longitude 经度
        latitude 纬度
        city 城市即详细地址*/
        this.form.longitude = e.lng
        this.form.latitude = e.lat
        this.form.city = e.address //修改
      },
      /*修改end*/

      selectMaterial () {

      },
      // 切换 ‘类型’
      materialTypeClick (e) {
        // 素材类型 1.云创作成片库 2.云闪推成片库
        this.$set(this.form, 'materialType', this.materialType[e].id)
        // this.form.materialType=this.materialType[e].id
        console.log("this.form.materialType", this.form.materialType)
        this.form.videoMaterialId = ''
      },
      show (row) {
        let info=JSON.parse(JSON.stringify(row))
        console.log("组件打印========活动列表路由切换=====", row, 'row.seoCopywriting', row.seoCopywriting)
        this.form = info



        /*选择所属平台——关联发布渠道*/
        // seo 所属平台：1D音2K手3视频号
        // form.releaseChannel  发布渠道：1_D音  2_视频号 3_K手
        if(this.form.releaseChannel==1){
          this.$set(this.seoInfo,'platform',1)
        }
        if(this.form.releaseChannel==3){
          this.$set(this.seoInfo,'platform',2)
        }
        if(this.form.releaseChannel==2){
          this.$set(this.seoInfo,'platform',3)
        }





        // 校检地址（选择位置）是否存在
        if (this.form.releaseChannel == 2 && this.form.city) {
          this.mapInfo.address = this.form.city
        }
        this.form.materialType = 1   //修改(需删除)
        console.log("show========", this.form.seoCopywriting, this.form.seoCopywritingId)
        this.channelIndex = this.form.releaseChannel - 1
        this.provinceCity = this.form.cityName  //城市
        this.typeIndex = Number(this.form.activityType) - 1
        console.log("组件打印========this.typeIndex", this.typeIndex, 'form.cardsettings.writeOffTime', this.form.cardsettings)


        this.$nextTick(() => {
          this.$refs['connected'].init()
        })
        this.queryEquipment()
        this.seoInit()
      },
      /* 更新visible */
      updateVisible (value) {
        this.$emit('update:visible', value);
      },

      // 获取是否已进件，applymentState为2则开启“ 抖支付 ”
      isIncomingParts () {
        incomingParts({
          id: this.$store.state.user.info.merchantId,  // 商户id
        })
          .then((data) => {
            console.log("data.data", data)
          })
          .catch((e) => {
            this.$message.error(e);
          });
      },
      // 获取“关联活动”
      getData (e) {
        this.$set(this.form, 'videoMaterialId', e.id) //剪辑工程ID
        // 1:云创作成片库 2：云闪推成片库
        if(this.form.materialType==2){
          this.form.videoMaterial=e.projectName //剪辑工程名
          this.maxNum=e.jjCount
        }
        else{
          this.form.videoMaterial=e.name //剪辑工程名
          // this.maxNum=e.max
          // 剩余剪辑数量
          this.maxNum=e.max-e.montageCount
        }
        console.log("this.form=============", this.form, 'e', e)
      },
      // page start
      getAgency (val) {
        console.log("val-----", val)
        this.agencyLoading = true;
        // 清空
        if (this.form.videoMaterialId) {
          delete this.form.videoMaterialId     //剪辑工程ID
          delete this.form.videoMaterial   //剪辑工程名
        }
        Object.assign(this.initInfo, {
          // 1:脚本剪辑 2:自定义剪辑 3:图文剪辑
          type: this.form.clipType
        })
        // 活动名称
        projectPage(this.initInfo)
          .then((data) => {
            console.log("data.data", data)
            this.agencyList = data.list;
            this.totalAgency = data.count;
            this.agencyLoading = false;
            console.log("this.agencyList", this.agencyList)
          })
          .catch((e) => {
            this.$message("暂无机构");
            this.agencyList = [];
            this.totalAgency = 0;
            this.agencyLoading = false;
            console.log("进入catch======", e)
            this.$message.error(e);
          });
      },
      getAgency2 () {
        this.agencyLoading = true;
        //  getAgencyList 为接口名儿
        // this.agency是请求参数的对象儿
        getAgencyList(this.agency).then((res) => {
          if (res.code == 200 && res.success) {
            this.agencyList = res.content;
            this.totalAgency = res.totalCount;
            this.agencyLoading = false;
          } else {
            this.$message("暂无机构");
            this.agencyList = [];
            this.totalAgency = 0;
            this.agencyLoading = false;
          }
        });
      },
      changeAgencyInput (value) {
        if (value == "") {
          // 如果输入框儿为空则清空之前选中机构后赋值的参数
          this.listQuery.code = "";
          this.agency.condition = "";
          this.getAgency();
        } else {
          // 赋值
          this.agency.condition = value;
          this.getAgency();
        }
      },
      //end

      // el-select 分页
      handleCurrentChange (val) {
        console.log("this.currentpage", this.currentpage)
        console.log("进入el-select 分页点击========", val)
        this.list = [];
        this.currentpage = val;
        this.initInfo.page = val
        this.projectInit()
        /*let start = (val - 1) * this.pageSize;
        let end = Number(start) + Number(this.pageSize);
        //此处需要判断如果计算的结束下标大于总数据的长度，则需要修改结束下标
        if (end > this.options.length) {
          end = this.options.length;
        }
        for (let i = start; i < end; i++) {
          //将取到的数据展示在页面
          this.list.push(this.options[i]);
        }*/
        // this.optionfen=this.options
      },
      //查询设备
      queryEquipment () {
        equipmentQuery({
          // 闲置中
          equipmentStatus: 1,
          merchantId: this.$store.state.user.info.merchantId  // 商家id
        })
          .then((data) => {
            this.deviceList = data.data
            console.log("查询设备--data=======", data)
          })
          .catch((e) => {
            this.$message.error(e);
          });
      },
      projectInit () {
        // 清空
        if (this.form.videoMaterial) {
          this.form.videoMaterialId = ''     //剪辑工程ID
          delete this.form.videoMaterial   //剪辑工程名
        }
        this.$nextTick(() => {
          this.$refs['connected'].init()
        })


        /*
        Object.assign(this.initInfo, {
          // 1:脚本剪辑 2:自定义剪辑 3:图文剪辑
          type:this.form.clipType
        })
        this.$refs.select.reload({
          ...this.initInfo
        });*/

        return

        // 活动名称
        projectPage(this.initInfo)
          .then((data) => {
            this.list = data.list;
            this.tableConfig.datasource = this.list;
            console.log("this.list", this.list)
          })
          .catch((e) => {
            console.log("进入catch======", e)
            this.$message.error(e);
          });
      },
      seoInit () {
        /*if(this.form.seoCopywriting){
          delete this.form.seoCopywritingId
          this.$set(this.form,'seoCopywriting','')  //SEO名称
          delete this.form.seoCopywriting
          this.$refs['seoActies'].clear()
        }*/
        this.querySeoList()
      },
      querySeoList () {
        // 查询SEO文案【分页查询】 在查询列表页使用
        querySeo(this.seoInfo)
          .then((data) => {
            console.log('data.', data)
            this.seoList = data.list
            this.$nextTick(() => {
              console.log("编辑this.form.seoCopywritingId", this.form.seoCopywritingId, this.form.seoCopywriting)
              this.$refs['seoActies'].init(this.form.seoCopywritingId)
              /*选择所属平台——关联发布渠道*/
              // seo 所属平台：1D音2K手3视频号
              // form.releaseChannel  发布渠道：1_D音  2_视频号 3_K手
              if(this.seoInfo.platform==1){
                this.form.releaseChannel=1
                this.channelIndex=0
              }
              if(this.seoInfo.platform==2){
                this.form.releaseChannel=3
                this.form.authorizedNot = 1 //隐藏默认授权

                // this.channelIndex=2 old,视频号展示需展示!!!
                this.channelIndex=1 //视频号隐藏修改，需删除!!!


              }if(this.seoInfo.platform==3){
                this.form.releaseChannel=2
                this.form.authorizedNot = 1 //隐藏默认授权
                if(this.form.mountType ){
                  this.$set( this.form,'mountType',Number(this.form.mountType))
                }
                else{
                  this.$set( this.form,'mountType',1)
                }
                this.channelIndex=1

              }
            })
          })
          .catch((e) => {
            console.log("进入catch111111======", e)
            this.$message.error(e.msg);
          });
      },
      //搜索poi地址(下一页需要传入‘游标’字段，注意修改
      seachPoi () {
        // 商家地址选择this.provinceCity[1].value,  0:省 1：市
        console.log("商家地址this.provinceCity=======", this.provinceCity, '商家简称merchantName', this.form.merchantAbbreviation)
        if (!this.provinceCity) {
          this.$message.warning("请选择省市")
          return
        }
        if (!this.form.merchantAbbreviation) {
          this.$message.warning("请输入商家简称")
          return
        }
        this.poiLoading = true
        this.nextStep = '0' // 重新搜索则游标归0
        // if(!this.form.city){
        this.form.city = this.provinceCity[1].value
        this.form.cityName = this.provinceCity[0].label + '/' + this.provinceCity[1].label
        // }
        this.datasource(this.nextStep, 10)
      },
      datasource (page, limit) {
        dyPoi(this.form.merchantAbbreviation, this.form.city, page, limit)
          .then((data) => {
            this.poiLoading = false
            console.log("this.nextStep", this.nextStep)
            if (this.nextStep == 0) {
              this.poiList = data.data.pois ? data.data.pois : []
              if (this.poiList.length <= 0) {
                return
              }
              this.form.poiName = this.poiList[0].poi_name // 赋值poi地址
              this.form.poiId = this.poiList[0].poi_id  //POI ID
              console.log('设置poiName1111111111111')
            }
            else {
              if (data.data.pois) {
                this.poiList = [...this.poiList, ...data.data.pois]
              }
            }
            /*has_more:是否有下一页
            cursor:游标第一页为0，后续页游标在响应数据中获取*/
            this.nextStep = data.data.has_more == false ? -1 : data.data.cursor
          })
          .catch((e) => {
            this.poiLoading = false
            this.$message.error(e);
          });


      },
      // 查看更多
      lookMore () {
        this.poiLoading = true
        this.datasource(this.nextStep, 10)
      },
      // 城市选择
      selectCity (e) {
        console.log("城市选择e=====", e)
        console.log("provinceCity", this.provinceCity, this.form)
        this.clearPoi(1)
      },
      // 商家简称输入
      referred (e) {
        console.log("商家简称输入=====", e)
        this.clearPoi(2)
      },
      // 清空POI地址
      clearPoi (type) {
        // type 1:城市 2:商家简称
        if (this.form.poiId && type == 1) {  // 清空poi地址文本并清空poiId
          delete this.form.poiId
          if (this.provinceCity.length <= 0) {
            this.provinceCity = '' // 清除城市文本，在搜索前提示
          }
          this.$set(this.form, 'poiName', '')
        }
        this.poiList = []
        if (this.form.poiName) {
          this.$message.warning("请重新搜索")
        }
        delete this.form.poiName // 清空poi地址文本 和poi地址list
      },
      // POI地址
      addressPoi (e) {
        this.form.poiId = e.poi_id  //POI ID
        this.$delete(this.form, 'poiName')
        this.$set(this.form, 'poiName', e.poi_name) //POI 名称
        console.log("POI地址e-------", e, 'this.form', this.form, this.form.poiName)
      },
      // 选择有效时间
      selTime (e) {
        console.log('selTime=======', e)
        // msToDate: 中国标准时间转化为年月日
        this.form.validTime = this.$sun.msToDate(e)
        console.log('this.msToDate(e)22222222222', this.$sun.msToDate(e))
      },
      // 选择 视频素材
      selectVideo (e) {
        console.log('选择 视频素材', e)
        // this.form.videoMaterialId=e.id //剪辑工程ID
        this.form.videoMaterial = e.title //剪辑工程名
      },
      // 选择 “闲置中” 的设备管理
      selectDevice (e) {
        console.log('选择的设备管理', e)
        this.form.equipmentId = e.id
        this.form.equipmentName = e.equipmentName
      },
      // 选择SEO文案
      // 获取“seo文案”
      selectCopy (e) {
        console.log('选择文案', e)
        this.form.seoCopywritingId = e.id //SEO ID
        this.form.seoCopywriting = e.taticsName //SEO名称
        console.log('this.form=======', this.form)
      },

      /* 上传 */
      onUpload (file) {
        this.fileList.push(file)
        console.log('this.fileList', this.fileList)
      },
      async uploadBj () {
        if (this.fileList.length < 1) {
          if (this.imageUrl) {
            this.$message.error('重复文件');
          }
          else {
            this.$message.error('请选择文件后提交');
          }
        }
        // 获取文件上传签名数据
        this.data = await userOssSignature()
        for (let i = 0; i < this.fileList.length; i++) {
          let file = this.fileList[i].raw
          let filename = file.name;
          let markIndex = (filename).lastIndexOf('.');
          let suffix = filename.substring(markIndex)    // 图片后缀(例.jpg)
          let date = new Date().getTime();    // 当前时间戳
          // 构建请求参数
          let param = new FormData()
          param.append("key", this.data.dir + date + suffix)
          param.append("policy", this.data.policy)
          param.append("OSSAccessKeyId", this.data.accessId)
          param.append("success_action_status", '200')
          // param.append("callback",  this.data.callback)     //回调（not)
          param.append("signature", this.data.signature)
          param.append("file", file, file.name)
          param.append('success_action_status', '200')
          let config = {
            headers: {
              'Access-Control-Allow-Origin': '*',
              'x-oss-callback-Authorization': getToken()
            }
          }
          axios.post(this.data.host, param, config).then(res => {
            if (res.status == 200) {
              console.log('this.data.host', this.data.host + '/' + date + suffix)
              let url = this.data.host + '/' + date + suffix;
              this.form.backgroundImage = url;
              let type = file.type;
              this.fileList = []
            }
            else {
              this.$message.error('上传失败');
            }

          }).catch(err => {
            console.log(err)
          })
        }
      },

      registerMedias (url, type) {
        registerMedia({
          mediaUrl: url,//上传阿里云生成的地址
          mediaType: type,//文件类型
          username: this.$store.state.user.info.username,
          folderId: this.parentId

        })
          .then((data) => {
            this.$message.success('上传成功');
            //关闭弹窗
            this.updateVisible(false);
            // this.$message.success(data.msg);
            this.onDone();
          })
          .catch((e) => {
            this.$message.error(e.message);
          });
      },
      // “剪辑数量”输入事件 （修改）
      maxClick (e) {
        console.log(' “剪辑数量”输入事件', e)
        if (this.maxNum > 0 && this.maxNum < e) {
          this.form.editingNumber = this.maxNum
        }
      },

      // 发布渠道
      channelClick (e) {
        this.channelIndex = e
        this.form.releaseChannel = this.channelList[e].id
        if (e > 0) {
          this.form.authorizedNot = 1
        }
        if(this.form.releaseChannel==2){
          this.$set( this.form,'mountType',1)

        }
      },
      handleAvatarSuccess (res, file) {
        this.imageUrl = URL.createObjectURL(file.raw);
      },
      beforeAvatarUpload (file) {
        // const isJPG = file.type === 'image/jpeg';
        const isJPG = file.type;
        const isLt2M = file.size / 1024 / 1024 < 2;

        const extension1 = file.type === "image/jpg";
        const extension2 = file.type === "image/jpeg";
        const extension3 = file.type === "image/png";
        if (!extension1 && !extension2 && !extension3) {
          this.$message.error("请上传jpg 、png、jpeg 类型图片!");
        }
        if (!isLt2M) {
          this.$message.error('上传图片大小不能超过 2MB!');
        }
        return isJPG && isLt2M;
      },
      // 幸运大转盘/九宫格 提交
      uploadPrice (e) {
        console.log('e', e)
        // return
        this.form.listofprizes = e
        this.confirm()
      },
      // 确定提交
      confirm () {
        if (!this.form.douPayNot) {
          this.$set(this.form, 'douPayNot', 2)
        }
        console.log("路由切换activated=====", this.form)
        console.log("this.rules111", this.rules, 'form.douPayNot', this.form.douPayNot)
        /*if(this.form.videoMaterialId){
            this.$refs["form"].clearValidate(["videoMaterialId"]);
        }
        if(this.form.videoMaterialId){
          console.log("11111111111111")
          // this.rules.videoMaterialId[0].required=false
          this.$set(this.rules.videoMaterialId[0], 'required', false)
          console.log('this.rules',this.rules)
        }
        else {
          console.log("12222222222222")
          // let info=[{message:''}]
          this.$set(this.rules.videoMaterialId[0], 'required', true)
          // this.rules.videoMaterialId[0].required=true
        }*/
        console.log("this.rules222", this.rules)
        this.$refs.form.validate((valid, obj) => {
          console.log('valid', valid, 'obj', obj)
          for (let i in obj) {
            console.log("i", i)
            console.log("obj=========", obj[i][0].message)
            this.hint = obj[i][0].message
            break
          }
          console.log('this.hint', this.hint)
          if (valid) {
            // 修改1
            if (!this.form.videoMaterialId) {
              this.hint = '请选择文件夹'
              this.$message.error(this.hint)
              return
            }
            /*if(this.form.editingNumber <= 0){
              this.$message.error('请输入有效的剪辑数量')
              return
            }*/
            // 修改 start
            /*2023-5-1>2023-8-10=true 正确，开始时间需大于结束时间
            form.cardsettings.checkEndTime 核销结束时间
            form.cardsettings.writeOffTime 核销开始时间*/

            if (this.form.activityType == 3 && this.form.checkEndTime <= this.form.writeOffTime
              || this.form.activityType == 2 && this.form.checkEndTime <= this.form.writeOffTime
            ) {
              this.$message.error('核销结束时间不能小于等于开始时间')
              return
            }

            if (this.form.activityType == 3 && this.form.validTime <= this.form.writeOffTime
              || this.form.activityType == 2 && this.form.validTime <= this.form.writeOffTime
            ) {
              this.$message.error('有效时间不能小于等于核销开始时间')
              return
            }

            if (this.form.activityType == 3 && this.form.validTime > this.form.checkEndTime
              || this.form.activityType == 2 && this.form.validTime > this.form.checkEndTime
            ) {
              this.$message.error('有效时间不能大于核销结束时间')
              return
            }


            if (this.form.activityType == 4 && this.form.cardsettings.checkEndTime <= this.form.cardsettings.writeOffTime) {
              this.$message.error('核销结束时间不能小于等于开始时间')
              return
            }

            if (this.form.activityType == 4 && this.form.validTime <= this.form.cardsettings.writeOffTime) {
              this.$message.error('有效时间不能小于等于核销开始时间')
              return
            }

            if (this.form.activityType == 4 && this.form.validTime > this.form.cardsettings.checkEndTime) {
              this.$message.error('有效时间不能大于核销结束时间')
              return
            }
            // 修改 end
            /*
            old
            if(this.form.activityType==4 && this.form.cardsettings.checkEndTime>=this.form.cardsettings.writeOffTime){
              this.$message.error('核销结束时间不能大于开始时间')
              return
            }*/



            // 挂载类型 是否存在
            if (this.form.releaseChannel == 2 && !this.form.sphMountType) {
              this.$message.error('请选择挂载类型')
              return
            }
            // 校检地址（选择位置）是否存在
            if (this.form.releaseChannel == 2 && !this.mapInfo.address) {
              this.$message.error('请选择位置')
              return
            }

            if (this.form.releaseChannel != 1) {
              delete this.form.shareToPublish
            }
            console.log("成功")
            this.loading = true
            /*暂隐藏背景图
            if(!this.form.backgroundImage){
              this.$message.error('请上传背景图')
              return
            }*/
            // form.releaseChannel  ：1_D音  2_视频号 3_K手
            // form.mountType  ：1_商家POI  2_小程序 3_不挂载
            if (this.form.releaseChannel == 1) {
              this.wananchiClear()
              if (this.form.mountType == 1) {
                this.appletClear()
              }
              if (this.form.mountType == 2) {
                this.poiClear()
                delete this.form.city
              }
              if (this.form.mountType == 3) {
                this.appletClear()
                this.poiClear()
                delete this.form.city
              }
            }
            if (this.form.releaseChannel == 2) {
              this.appletClear()
              this.poiClear()
            }
            if (this.form.releaseChannel == 3) {
              this.appletClear()
              this.poiClear()
              this.wananchiClear()
              delete this.form.city
            }
            this.form.backgroundImage = ''
            this.issues()
          } else {
            console.log("进入非空提示", valid, '22', this.form)
            this.$message.error(this.hint)
            return false;
          }
        });
      },
      // D音——小程序删除
      appletClear () {
        delete this.form.appUrl
        delete this.form.appTitle
        delete this.form.appId
      },
      // D音——POI删除
      poiClear () {
        delete this.form.merchantAbbreviation
        delete this.form.poiName
        delete this.form.cityName
        delete this.provinceCity
      },
      // 视频号——公众号文章 清空
      wananchiClear () {


        // 清空位置
        this.mapInfo = {
          address: ''
        }
        delete this.form.longitude
        delete this.form.latitude
        delete this.form.city //修改1 因为抖音 有地址 用到了city 则选择地址不能用同样的字段

        this.form.sphLink = ''
        delete this.form.sphLink
      },
      clear () {
        if (this.form.mountType == 2) {
          this.form.merchantAbbreviation = ''
          this.form.poiName = ''
          this.form.cityName = ''
          this.form.city = ''
          this.provinceCity = ''
        }
        if (this.form.mountType == 1) {
          this.form.appUrl = ''
          this.form.appTitle = ''
          this.form.appId = ''
        }
        if (this.form.mountType == 3) {
          this.form.merchantAbbreviation = ''
          this.form.poiName = ''
          this.form.cityName = ''
          this.form.city = ''
          this.provinceCity = ''

          this.form.appUrl = ''
          this.form.appTitle = ''
          this.form.appId = ''
        }
        console.log("this.form", this.form)
      },
      issues () {
        // if(this.form.activityType!=4){
        //   delete this.form.cardsettings
        // }
        console.log("this.form", this.form)
        issue(this.form)
          .then((data) => {
            this.$message.success('编辑成功！')
            this.$emit('load')
            this.clean()
            console.log("确定提交22222222222", data, 'this.form======', this.form)
            // this.submitTo()  //（修改）
          })
          .catch((e) => {
            console.log('进入失败', e)
            this.$message.error(e);
          });
      },
      //  提交
      submitTo () {
        // <!-- * 1脚本剪辑 =AI剪辑 * 2自定义剪辑=口播剪辑 * 3图文剪辑-->
        const typeApi = this.form.clipType == 1 ? submitProjectJob : this.form.clipType == 2 ? submitDiyJob : submitImageJob
        typeApi({
          id: this.form.videoMaterialId,//剪辑工程主键ID
          maximumCount: this.form.editingNumber, //剪辑工程所属用户
          username: this.$store.state.user.info.username
        })
          .then((data) => {
            this.$message.success('提交成功！')
            this.clean()
            console.log("确定提交22222222222", data, 'this.form======', this.form)
          })
          .catch((e) => {
            this.clean()
            this.$message.error(e);
          });
      },
      clean () {
        this.$nextTick(() => {
          // 且勿滥用
          this.$refs.form.resetFields()
          delete this.form.backgroundImage
          delete this.form.cityName
          this.channelIndex = 0
          this.form.releaseChannel = 1
          this.form.shareToPublish = 1  // 抖音发布设置
          this.seoInfo.platform = 1   // seo平台默认抖音
          this.form.mountType = 1    //挂载类型
          this.hint = ''                // 修改1
          this.provinceCity = ''
          this.imageUrl = ''

          this.form.materialType=1
          // 调佣子组件 ‘清空form’ 方法
          if (this.typeIndex == 1 || this.typeIndex == 2) {
            this.$nextTick(() => {
              this.$refs['prize'].refresh();
            })
          }
        })

        // 清空位置
        this.mapInfo = {
          address: ''
        }
        this.loading = false
        this.$nextTick(() => {
          this.$refs['connected'].init()
          this.$refs['connected'].clear()
          this.$refs['seoActies'].clear()
          this.querySeoList()
        })
        this.updateVisible(false)
      }
    }
  }
</script>


<style lang="less" scoped>
  /*隐藏input（type=number)右边的小箭头*/
  /deep/.delInput input::-webkit-outer-spin-button,
  /deep/.delInput input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
  }
  /deep/.delInput input[type='number'] {
    -moz-appearance: textfield;
  }

  .tiktok-title {
    padding: 5px 0 30px;
    font-size: 20px;
    color: #000000;
  }
  .title-class,
  .sel-title-class,
  .no-title-class {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 21px;
    width: 114px;
    height: 35px;
    border-radius: 5px;
  }
  .no-title-class {
    cursor: not-allowed;
    /*cursor:no-drop;*/
    /*color: #969696;
      background: #4c4c4c;*/
    /*编辑——进入不可选*/
    color: #c9c9c9;
    background: #f9f9f9;
  }
  .title-class {
    color: #757575;
    background: #fafafc;
  }
  .sel-title-class {
    color: #1e6ceb;
    background: #ddf0ff;
  }
  .fit-title {
    color: #333333;
    font-size: 16px;
    margin: 0px 2px 20px;
  }

  /*云创作成片库/云闪推成片库 style */
  .d-margin {
    margin-left: 38px;
    margin-bottom: 22px;
  }
  .title-class,
  .sel-title-class {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 21px;
    min-width: 100px;
    padding: 0 15px;
    height: 35px;
    border-radius: 5px;
  }
  .title-class {
    color: #757575;
    background: #fafafc;
  }
  .sel-title-class {
    color: #1e6ceb;
    background: #ddf0ff;
  }
  /*end*/

  .xy-border {
    padding-top: 41px;
    border-top: 1px solid #ececec;
    margin-top: 22px;
  }
  .upload-class {
    margin: -16px 0 2px;
    div {
      line-height: 18px;
      color: #757575;
    }
  }
  /*  ‘背景图’上传 start */
  .avatar-uploader {
    margin: 0;
    padding: 0;
    outline: none;

    /* 修改 start*/
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    /*end*/
    width: 88px;
    height: 88px;
  }
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409eff;
  }
  .avatar-uploader-icon {
    color: #d9d9d9;
    text-align: center;
    i {
      font-size: 28px;
    }
    div {
      padding-top: 3px;
    }
  }
  .avatar {
    width: 90px;
    height: 90px;
    display: block;
  }
  /*  end*/

  /*位置start*/
  .ai-class {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0 20px;
    border-radius: 5px;
  }
  .ai-blue {
    color: #fff;
    background: #93c7f5;
  }
  .ai-btn {
    color: #606266;
    border: 1px solid #dddddd;
  }
  .ai-btn:hover {
    /*background: rgba(50,62,78, 0.5);*/
    background: #e6f7ff;
    color: #1890ff;
    border: 1px solid #1890ff;
  }
  .ai-blue:hover {
    background: #2d90e8;
  }
  /*位置end*/
</style>

